.cluster-container {
    a.panel {
        position: relative;
        display: block;
        float: left;
        width: 300px;
        margin-right: 15px;
        margin-bottom: 15px;
        text-decoration: none;
        border: 1px solid #e7e7e7;
        .panel-footer {
            text-align: center;
            color: #666;
            padding: 5px 10px;
            overflow: hidden;
            text-overflow: ellipsis;
            > div {
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                &.footer-info {
                    color: #888;
                    font-size: 12px;
                }
            }
        }
        .panel-body {
            color: #666;
            padding: 15px 20px 5px 20px;
            .resource-grid {
                background-color: #53B6EB;
                border-radius: 2px;
                color: #fff;
                margin: 0 -10px 10px -10px;
                > div {
                    padding-top: 3px;
                    width: 33.33%;
                    float: left;
                    text-align: center;
                    + div {
                        border-left: 1px solid #fff;
                        > div {
                            height: 20px;
                        }
                    }
                }
            }
            dl {
                margin-bottom: 0;
                dt {
                    font-size: 13px;
                }
                dd:last-child {
                    margin-bottom: 0;
                }
            }
        }
        .cluster-delete {
            position: absolute;
            top: -20px;
            right: 0;
            z-index: 9;
            button {
                opacity: 0;
                color: #fff;
                border: none;
                outline: none;
                font-size: 12px;
                background-color: #9cd5f4;
                &.oprLoading {
                    opacity: 1;
                    padding: 0px 8px;
                    color: #333;
                    background-color: #e7e7e7;
                }
            }
        }
        &:hover {
            border: 1px solid #9cd5f4;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
            .panel-footer {
                background-color: #9cd5f4;
                border-radius: 0;
                color: #fff;
                .footer-info {
                    color: #fff;
                }
            }
            .cluster-delete {
                button {
                    opacity: 1;
                    &.oprLoading {
                        display: none;
                    }
                }

            }
        }
    }
}